<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
    <title>商品订单</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta content="telephone=no" name="format-detection">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <!--库-->
    <link rel="stylesheet" type="text/css" href="/tripProduct/css/amazeui.css">
    <script type="text/javascript" src="/tripProduct/js/jquery.min.js"></script>
    <script type="text/javascript" src="/tripProduct/js/jquery.Spinner.js"></script>
    <script type="text/javascript" src="/tripProduct/js/amazeui.js"></script>
    <!--核心样式-->
    <link rel="stylesheet" href="/tripProduct/css/style.css" type="text/css"/>
    <script type="text/javascript">
        function confirmOrder() {
            //提交表单
            $("#orderForm").submit();
        }


    </script>
</head>
<body>
<!-----------公共版头----------->
<div id="header">
    <a class="return" href="/tripProduct/join.html"><i class="am-icon-angle-left"></i></a>
    <span>商品订单</span>
</div>
<!----------------我的订单------------------>


<div id="order_detail">
    <form id="orderForm" class="form-horizontal" action="/order/confirm.do" method="post"
          style="margin-top: 5px; margin-left: 150px;">
        <hr/>
        <ul class="box">
            <li>
                <a class="project" title="" href="project_basic.html">
                    <div class="pic">
                        <img src="/tripProduct/images/head.jpg" width="30%"/>
                    </div>
                    <div class="project_cont">
                        <p>龙门石窟一日游</p>
                    </div>
                    <div class="price">
                        <label>￥230</label>
                        <span>x1</span>
                        <div class="clear"></div>
                    </div>
                </a>
            </li>
        </ul>
        <!-- 传递订单oid -->
        <input type="hidden" name="oid" value="${order.oid }">


        <div class="form-group">
            <label for="address" class="col-sm-1 control-label">地址</label>
            <div class="col-sm-5">
                <input type="text" class="form-control" id="address" name="address" value="${order.address}">
            </div>
        </div>
        <div class="form-group">
            <label for="name" class="col-sm-1 control-label">收货人</label>
            <div class="col-sm-5">
                <input type="text" class="form-control" id="name" name="name"
                       placeholder="请输收货人" value="${order.name}">
            </div>
        </div>
        <div class="form-group">
            <label for="tel" class="col-sm-1 control-label">电话</label>
            <div class="col-sm-5">
                <input type="text" class="form-control" id="tel" name="telephone"
                       placeholder="请输入联系方式" value="${order.telephone }">
            </div>
        </div>
        <hr/>


        <div class="cont">
            <div style="margin-top: 5px; margin-left: 150px;">
                <strong>选择银行：</strong>
                <p>
                    <br/> <input type="radio" name="pd_FrpId" value="ICBC-NET-B2C"
                                 checked="checked"/>工商银行 <img src="/tripProduct/bank_img/icbc.bmp"
                                                              align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp; <input
                        type="radio"
                        name="pd_FrpId" value="BOC-NET-B2C"/>中国银行 <img
                        src="/tripProduct/bank_img/bc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="ABC-NET-B2C"/>农业银行 <img
                        src="/tripProduct/bank_img/abc.bmp" align="middle"/> <br/> <br/>
                    <input
                            type="radio" name="pd_FrpId" value="BOCO-NET-B2C"/>交通银行 <img
                        src="/tripProduct/bank_img/bcc.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="PINGANBANK-NET"/>平安银行
                    <img src="/tripProduct/bank_img/pingan.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="CCB-NET-B2C"/>建设银行 <img
                        src="/tripProduct/bank_img/ccb.bmp" align="middle"/> <br/> <br/> <input
                        type="radio" name="pd_FrpId" value="CEB-NET-B2C"/>光大银行 <img
                        src="/tripProduct/bank_img/guangda.bmp" align="middle"/>&nbsp;&nbsp;&nbsp;&nbsp;
                    <input type="radio" name="pd_FrpId" value="CMBCHINA-NET-B2C"/>招商银行
                    <img src="/tripProduct/bank_img/cmb.bmp" align="middle"/>

                </p>
                <hr/>
                <p style="text-align: right; margin-right: 100px;">
                    <a href="javascript:;" onclick="confirmOrder()">
                        <img src="/tripProduct/bank_img/finalbutton.gif" width="204" height="51"
                             border="0"/>
                    </a>
                </p>
                <hr/>
            </div>
        </div>
    </form>
</div>
</body>
</html>
